<template>
  <div class="container" style="background:white">
    <div class="row">
      <div class="col-md-12">
        <header><h1>小微博客</h1></header>
      </div>
    </div>
    <template v-for="(item) in weibo">
      <WeiboItem :weibo="item"></WeiboItem>
    </template>

  </div>
  <script src="../js/jquery-1.11.0.min.js" ></script>
  <script src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../easyui/jquery.easyui.min.js">

  </script>
</template>

<script setup>
import {reactive} from "vue";
import WeiboItem from "@/components/WeiboItem.vue";

const weibo=reactive([{
  userLoginname:"",
  title:"",
  content:"",
  readcount:0,
  img:""
}])
const params=reactive({
  cur:1,
  size:10,
})
const getWeibo=()=>{
  console.log("getWeibo")
}
</script>

<style scoped>
header{
  width:100%;
  height:100px;
  background-color:#008;
  color:white;
  text-align:center;
  margin-bottom:20px;
}
header h1{ line-height:100px;}
h2{text-align:center;margin-bottom:50px;}
body{background:#eee}
.thumbnail img{max-height:120px}
</style>